<style>
	#batch_renewal_frame > .data-page {
		position:absolute;
		top:0;
		left:0;
		right:0;
		height:600px;
		overflow:hidden;
	}
	#batch_renewal_frame table {
		width:99.9999%;
	}
	#batch_renewal_frame table a {
		color:#ff0000;
	}
	#batch_renewal_frame table th, #batch_renewal_frame table td {
		padding: 5px;
		border:1px solid #c5c5c5;
	}
	/* #batch_renewal_frame table td:last-child {
		text-align: right;
	} */
	#batch_renewal_frame .button-frame {
		position: absolute;
		bottom:0;
		right:0;
		margin:8px;
	}
	#batch_renewal_frame .total-price {
		text-align: right;
		margin-top:10px;
		/* border-top:1px solid #c5c5c5;
		border-bottom:1px solid #c5c5c5; */
		padding:5px 2px;
	}
	#batch_renewal_frame .total-price span{
	    color:red;
	    font-size:18px;
	    font-weight:bold;
	}
	#batch_renewal_frame .total-price:before {
		content: '总金额：';
	}
	#batch_renewal_frame .renewal-condition{
	    padding:10px;
	}
	#batch_renewal_frame .divList{
	    height:510px;
	    overflow-y:auto;
	    overflow-x:hidden;
	    margin:0 15px;
	    box-shadow:0 -1px 2px rgba(0, 0, 0, .2);
	    border-bottom:1px solid #c5c5c5;
	}
	div.k-window-content{overflow:hidden}
	
	/* =====按钮===== */
	.lonix-btn {
		display: inline-block;
		border:1px solid;
		padding:0px 10px;
		height:30px;
		border-radius:3px;
		transition:all ease .2s;
		line-height:30px;
		text-decoration: none;
		background:#2590f1;
		color:#fff;
		border-color: #2e6ccd;
		box-shadow: 0px 1px 0px #41beff inset;
	}
	.lonix-btn:hover {
		background: #2b96f6;
		text-decoration: none;
	}
	.lonix-btn:active{
		box-shadow: 1px 1px 3px rgba(0,0,0, .3) inset;
	}
	
/* 	.lonix-btn.small {
		height: 24px;
		line-height: 24px;
		padding: 0 8px;
		font-size: 12px;
		margin:0;
	}
	.lonix-btn.green {
		color:#fff;
		border-color: #2b8459;
		background-color: #399b89;
		box-shadow: 0px 1px 0px #49b69a inset;
	}
	.lonix-btn.green:hover {
		background: #49ac92;
		text-decoration: none;
	}
	.lonix-btn.green:active{
		box-shadow: 1px 1px 3px rgba(0,0,0, .3) inset;
	}
	.lonix-btn.blue {
		color:#ffffff;
		border-color: #2e6ccd;
		background-color: #3197ff;
		box-shadow: 0px 1px 0px #41beff inset;
	}
	.lonix-btn.blue:hover {
		background-color: #41a8ff;
		text-decoration: none;
	}
	.lonix-btn.blue:active{
		box-shadow: 1px 1px 3px rgba(0,0,0, .3) inset;
	}
	.lonix-btn.red {
		color:#ffffff;
		border-color: #b83d4e;
		background-color: #df4949;
		box-shadow: 0px 1px 0px #ff5843 inset;
	}
	.lonix-btn.red:hover {
		background-color: #ff5438;
		text-decoration: none;
	}
	.lonix-btn.red:active{
		box-shadow: 1px 1px 3px rgba(0,0,0, .3) inset;
	} */
	/* =====按钮===== */
	#batch_renewal_frame .divList tr:nth-child(odd) {
		background: #eee;
	}
</style>
<section id="batch_renewal_frame">
	<div class="data-page" id="data-list">
		<div class="renewal-condition">
			<label class="fontRed">续期月份</label>
			<input type="number" id="month" style="width: 100px;" value="1" min="1" max="999" />
		</div>
		<div class="tableDiv divList">
			<table>
				<thead>
					<tr>
						<th>组织</th>
						<th>车主姓名</th>
						<th>拥有车辆</th>
						<th>到期时间</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
		</div>
		<div class="button-frame">
			<button onclick="batchRenewal.createOrder(this)" type="button" class="lonix-btn blue">下一步</button>
		</div>
	</div>
	<div class="data-page" id="calc-page" style="display:none;">
	    <div class="tableDiv divList" style="margin-top:20px;height:490px">
			<table>
				<thead>
					<tr>
						<th>车主姓名</th>
						<th>车位 (续期后过期时间)</th>
						<th>需缴纳金额</th>
					</tr>
				</thead>
				<tbody>
	
				</tbody>
			</table>
		</div>
		<div>
		    <div class="button-frame" style="display:inline-block">
				<button onclick="batchRenewal.prev()" class="lonix-btn" type="button">上一步</button>
				<!-- <button class="icon-pay-alipay blue" style="width:118px" onclick="batchRenewal.renewal()" type="button"><img src="images/icon-pay-alipay.png" />支付宝支付</button>
				<button class="icon-pay-alipay green" onclick="batchRenewal.renewal()" type="button"><img src="images/icon-pay-WeChat.png" />微信支付</button> -->
				<button class="icon-pay-alipay orange" onclick="batchRenewal.renewal()" type="button"><img src="images/icon-pay-cash.png" />现金支付</button>
			</div>
			<div class="total-price" style="position:absolute;right:15px">
				<span></span>
			</div>
			
		</div>
	</div>
	<div class="data-page" id="result-page" style="display:none;">
	    <div class="tableDiv divList" style="margin-top:20px;height:490px">
			<table>
				<thead>
					<tr>
						<th>车主</th>
						<th>车位</th>
						<th>续费结果</th>
					</tr>
				</thead>
				<tbody></tbody>
			</table>
		</div>
		<div class="button-frame">
			<button onclick="batchRenewal.finish()" type="button"  class="lonix-btn green">完成</button>
		</div>
	</div>
</section>
<script src="views/parkLotCenter/parkingLotInfo/js/batch_renewal_manager.js"></script>
<script>
	var batchRenewal = new BatchRenewalManager($('#batch_renewal_frame'));
</script>